@charset "utf-8";
/* CSS Document */

body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
p,
pre,
code,
form,
fieldset,
legend,
input,
button,
textarea,
select,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

fieldset,
img {
    border: 0;
}

li,
dd {
    list-style: none;
}

em,
i {
    font-style: normal;
}

body,
input,
textarea {
    font: normal 14px Arial, "方正兰亭黑简体";
    color: #333;
}

body {
    background: #ffffff;
}

a {
    outline: none;
    font-family: "方正兰亭黑简体";
    color: #333;
    text-decoration: none;
}

a:hover {
    color: #000;
    text-decoration: none;
}

a:active {
    star: expression(this.onFocus=this.blur());
}

img,
a .img {
    border: 0
}

input,
textarea {
    border: 0;
    outline: none;
}

input::-webkit-input-placeholder {
    color: #b1b1b1;
}

input:-moz-placeholder {
    color: #b1b1b1;
}

@font-face {
    font-family: 方正兰亭黑简体;
    src: url(/web/tools/font/FZLTHJW.TTF)
}

.clearfix:after {
    content: ".";
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
}

.clearfix {
    display: inline-block;
}

.clearfix {
    display: block;
}

.fleft {
    float: left;
}

.fright {
    float: right;
}

.ovhide {
    overflow: hidden;
}

.liend {
    border: none !important;
}

.w1000 {
    width: 1000px;
    margin: 0 auto;
}

/*---------------------header---------------------*/

.top {
    width: 100%;
    height: 90px;
    background: #f7f7f7;
}

.top a {
    float: left;
    margin: 15px 0;
}

.top span {
    float: right;
    height: 25px;
    line-height: 25px;
    padding-left: 32px;
    margin: 32px 0;
    background: url(/web/images/icon_fx.png) no-repeat 0 -52px;
    font-size: 18px;
    color: #444444;
}

.menu {
    width: 1000px;
    height: 52px;
    margin: 0 auto;
}

#nav {
    float: left;
    width: 805px;
    height: 52px;
}

#nav a {
    line-height: 52px;
    padding: 5px 0;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    color: #000;
}

#nav a:hover {
    color: #000;
    text-decoration: none;
}

#nav li {
    float: left;
    width: 110px;
    text-align: center;
}

#nav li.first {
    width: 32px;
    margin-right: 40px;
}

#nav li.first a {
    width: 32px;
}

#nav li.first:hover {
    background: #ffffff;
}

#nav li.first:hover a {
    border-bottom: 2px solid #ffffff;
}

#nav li.on a {
    border-bottom: 2px solid #ff8a00;
}

#nav li:hover {
    background: #f7f7f7;
}

#nav li:hover a {
    color: #000;
    border-bottom: 2px solid #f7f7f7;
}

#nav li:hover ul a {
    color: #000;
}

#nav li a:hover {
    background: url(/web/images/background_dw.png) repeat;
}

#nav li ul {
    position: absolute;
    width: 120px;
    line-height: 27px;
    display: none;
    z-index: 9;
}

#nav li ul li {
    float: left;
    width: 120px;
    margin: 0;
    background: #f7f7f7;
    border-top: 1px solid #ededed;
    overflow: hidden;
}

#nav li ul a {
    display: block;
    width: 120px;
    line-height: 40px;
    padding: 4px 0;
    border-bottom: 2px solid #f7f7f7;
    font-size: 14px;
    color: #000;
    text-align: center;
}

#nav li ul a:hover {
    background: #999;
    color: #fff;
    text-decoration: none;
    font-weight: normal;
}

.search {
    float: right;
    height: 30px;
    margin-top: 12px;
}

.search input.text {
    float: left;
    width: 148px;
    height: 28px;
    line-height: 28px;
    padding: 0 5px;
    border: 1px solid #c7c7c7;
    font-size: 14px;
    color: #333;
}

.search input.button {
    float: left;
    width: 35px;
    height: 30px;
    display: inline-block;
    background: url(/web/images/icon_fx.png) no-repeat -130px 0 #005bac;
    border: none;
    cursor: pointer;
}

/*---------------------header---------------------*/

/*---------------------footer---------------------*/

.footer {
    width: 100%;
    display: inline-block;
    padding: 30px 0;
    background: #eff2f5;
}

.footer dl {
    float: left;
    margin-right: 40px;
}

.footer dt {
    margin-bottom: 10px;
    font-size: 15px;
    color: #222222;
}

.footer dd {
    line-height: 26px;
    font-size: 12px;
    color: #797977;
}

.footer dd a {
    font-size: 12px;
    color: #797977;
}

.footer dd a:hover {
    color: #000000;
}

.footer .ewm {
    float: right;
    width: 106px;
    height: 106px;
    padding: 0 0 16px 20px;
    background: url(/web/images/line_bg.png) repeat-y left;
}

.footer .ewm img {
    width: 106px;
    height: 106px;
}

.tlink {
    width: 100%;
    line-height: 24px;
    margin-top: 20px;
    font-size: 12px;
    text-align: center;
}

.tlink a.riz {
    width: 50px;
    height: 12px;
    line-height: 12px;
    padding-right: 7px;
    border-right: 1px solid #333;
    background: none;
}

.tlink a.yox {
    width: 50px;
    height: 12px;
    line-height: 12px;
    margin: 6px 0 0 7px;
    background: none;
}

.tlink a.riz:hover,
.copyright a.yox:hover {
    color: #2b94d9;
}

.copyright {
    width: 100%;
    height: 25px;
    padding: 10px 0;
    font-size: 12px;
    color: #8b8b8b;
    text-align: center;
}

/*.copyright{ height:25px; padding:10px 0; font-size:12px; color:#8b8b8b;}
.copyright span{ float:left; width:55.5%; line-height:25px; display:inline-block; text-align:right;}
.copyright p{ float:left; width:43.5%; margin-left:1%;}
.copyright a{ width:25px; height:25px; display:inline-block; margin:0 0 0 12px; background:url(/web/images/icon_fx.png);}
.copyright a.weib{ background-position:0 0;}
.copyright a.weib:hover{ background-position:0 -26px;}
.copyright a.weix{ background-position:-26px 0;}
.copyright a.weix:hover{ background-position:-26px -26px;}
.copyright a.sina{ background-position:-52px 0;}
.copyright a.sina:hover{ background-position:-52px -26px;}
.copyright a.yunp{ background-position:-78px 0;}
.copyright a.yunp:hover{ background-position:-78px -26px;}*/

/*---------------------footer---------------------*/

/*焦点图*/

.focus {
    width: 100%;
    margin: 0 auto;
}

.main_image {
    position: relative;
    width: 100%;
    height: 360px;
    border-top: 1px solid #d7d7d7;
    overflow: hidden;
    margin: 0 auto;
}

.main_image ul {
    width: 9999px;
    height: 360px;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.main_image li {
    float: left;
    width: 100%;
    height: 360px;
}

.main_image li span {
    display: block;
    width: 100%;
    height: 360px;
}

.main_image li a {
    display: block;
    width: 100%;
    height: 360px;
}

.main_image li .img_1 {
    background: url(/web/images/img2/dt_01.png) center top no-repeat;
}

.main_image li .img_2 {
    background: url(/web/images/img2/dt_02.png) center top no-repeat;
}

.main_image li .img_3 {
    background: url(/web/images/img2/dt_03.png) center top no-repeat;
}

.main_image li .img_4 {
    background: url(/web/images/img2/dt_02.png) center top no-repeat;
}

.main_image li .img_5 {
    background: url(/web/images/img2/dt_01.png) center top no-repeat;
}

.flicking_con {
    position: relative;
    width: 1000px;
    margin: 0 auto;
    background: #03C;
}

.flicking_con .flicking_inner {
    position: absolute;
    top: 330px;
    left: 0;
    width: 1000px;
    height: 12px;
    text-align: center;
    z-index: 999;
}

.flicking_con a {
    width: 12px;
    height: 12px;
    display: inline-block;
    margin: 0 5px;
    background: url(/web/images/icon_focus.png) no-repeat -74px 0;
    text-indent: -1000px
}

.flicking_con a.on {
    background: url(/web/images/icon_focus.png) no-repeat -74px -12px;
}

#btn_prev,
#btn_next {
    position: absolute;
    display: block;
    width: 37px !important;
    height: 37px !important;
    top: 50%;
    margin-top: -19px;
    display: none;
    z-index: 11111;
    background: url(/web/images/icon_focus.png) no-repeat;
}

#btn_prev {
    background-position: 0 0;
    left: 70px;
}

#btn_next {
    background-position: -37px 0;
    right: 70px;
}

/*焦点图*/

.banner {
    width: 100%;
    height: 200px;
    background: #1e4c87;
    text-align: center;
}

.index {
    width: 1000px;
    margin: 35px auto;
}

.index .title {
    padding: 18px 0;
    margin-bottom: 25px;
    background: url(/web/images/title_bg.png) repeat-x bottom;
    font-size: 12px;
    color: #a4a4a4;
}

.index .title span {
    margin-right: 10px;
    font-size: 18px;
    color: #474747;
}

.index .w-about {
    float: left;
    width: 312px;
    height: 304px;
    overflow: hidden;
}

.index .w-about img {
    width: 308px;
    height: 110px;
    border: 1px solid #e6e6e6;
}

.index .w-about p {
    width: 100%;
    height: 120px;
    line-height: 24px;
    margin: 15px 0 5px 0;
    color: #707070;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}

.index .w-about a:hover p {
    color: #333333;
}

.index .w-news {
    float: left;
    width: 320px;
    height: 304px;
    margin-left: 56px;
    overflow: hidden;
}

.index .w-news ul li {
    width: 100%;
    height: 24px;
    padding: 19px 0 18px 0;
    border-bottom: 1px solid #e6e6e6;
}

.index .w-news ul li.first {
    height: 80px;
    padding: 0 0 15px 0;
    overflow: hidden;
}

.index .w-news ul li a {
    width: 290px;
    display: inline-block;
    height: 24px;
    line-height: 24px;
    padding-left: 37px;
    background: url(/web/images/icon_fx.png) no-repeat 0 -78px;
    color: #333333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.index .w-news ul li a:hover {
    color: #2b94d9;
}

.index .w-news ul li p {
    width: 100%;
    height: 40px;
    line-height: 20px;
    margin: 13px 0 0 0;
    font-size: 12px;
    color: #999999;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.index .w-case {
    float: right;
    width: 256px;
    height: 304px;
    overflow: hidden;
}

.index .w-case .con {
    position: relative;
    width: 254px;
    height: 228px;
    border: 1px solid #258dca;
    overflow: hidden;
}

.index .w-case .con img {
    width: 254px;
    height: 228px;
}

.index .w-case .con p {
    position: absolute;
    left: 0;
    bottom: 0;
    display: inline-block;
    width: 100%;
    height: 52px;
    line-height: 52px;
    background: #258dca;
    color: #ffffff;
    text-align: center;
}

.index .w-case .con a p:hover {
    text-decoration: underline;
}

.wrap {
    width: 1000px;
    margin: 35px auto;
}

.wrap .title {
    height: 35px;
    line-height: 35px;
    padding-bottom: 10px;
    font-size: 12px;
    color: #777777;
}

.wrap .title span {
    margin-right: 10px;
    font-size: 18px;
    color: #222222;
}

.location {
    width: 100%;
    height: 35px;
    padding-bottom: 9px;
    margin-bottom: 15px;
    border-bottom: 1px solid #c7c7c7;
}

.location span {
    line-height: 35px;
    padding-left: 20px;
    background: url(/web/images/location_bg.png) no-repeat left center;
    color: #222222;
}

.sidebar {
    width: 100%;
    padding-bottom: 40px;
    background: #eff2f5;
}

.sidebar li {
    line-height: 50px;
    padding: 0 30px;
}

.sidebar li.on {
    background: #005bac;
}

.sidebar li a {
    width: 100%;
    height: 50px;
    line-height: 50px;
    display: inline-block;
    border-bottom: 1px solid #d2d2d2;
    color: #222222;
    text-align: center;
}

.sidebar li a:hover {
    color: #005bac;
}

.sidebar li.on a {
    border-bottom: 1px solid #005bac;
    color: #ffffff;
}

.pages {
    text-align: center;
}

.pages a,
.pages span {
    display: inline-block;
    line-height: 27px;
    padding: 0 12px;
    margin: 0 3px;
    background: #ffffff;
    border: 1px solid #d6d6d6;
    color: #333;
}

.pages a:hover {
    border: 1px solid #005bac;
    color: #005bac;
}

.pages a.on {
    background: #005bac;
    border: 1px solid #00437f;
    color: #ffffff;
}

.w_left {
    float: left;
    width: 180px;
    overflow: hidden;
}

.w_right {
    float: right;
    width: 775px;
    overflow: hidden;
}

.about {
    margin-top: 20px;
}

.about p {
    line-height: 24px;
    margin: 15px 0;
    color: #555555;
}

.about p em {
    margin: 0 18px 0 0;
    line-height: 24px;
}

.news ul {
    margin-bottom: 20px;
}

.news ul li {
    width: 100%;
    height: 130px;
    padding: 15px 0;
    overflow: hidden;
}

.news ul li:hover {
    background: #f6f6f6;
}

.news ul li a {
    width: 100%;
    height: 130px;
}

.news ul li img {
    float: left;
    width: 183px;
    height: 128px;
    border: 1px solid #bac4de;
}

.news ul li .n_right {
    float: right;
    width: 565px;
    font-size: 12px;
    overflow: hidden;
}

.news ul li .n_right h4 {
    line-height: 32px;
    font-size: 18px;
    font-weight: normal;
    color: #222222;
}

.news ul li .n_right p {
    width: 100%;
    height: 63px;
    line-height: 21px;
    margin-bottom: 15px;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news ul li .n_right span {
    color: #999999;
}

.recruit ul {
    margin-bottom: 30px;
    border-top: 1px solid #e6e6e6;
}

.recruit ul li {
    width: 100%;
    height: 40px;
    padding: 20px 0;
    border-bottom: 1px solid #e6e6e6;
    color: #555555;
    overflow: hidden;
}

.recruit ul li:hover {
    background: #f6f6f6;
}

.recruit ul li .zw {
    float: left;
    width: 270px;
}

.recruit ul li .zw a {
    width: 100%;
    display: inline-block;
    margin-bottom: 7px;
    font-size: 15px;
    color: #005bac;
}

.recruit ul li .zw a:hover {
    text-decoration: underline;
}

.recruit ul li span {
    float: left;
    width: 150px;
    line-height: 40px;
    text-align: center;
}

.recruit ul li em {
    float: right;
    width: 150px;
    line-height: 40px;
    text-align: right;
}

.contact {
    margin-top: 30px;
}

.contact h4 {
    margin-bottom: 10px;
    font-size: 18px;
    color: #000;
}

.contact p {
    line-height: 24px;
    color: #555555;
}

.contact p.tit {
    margin: 30px 0 20px 0;
    font-size: 15px;
    color: #222222;
}

.contact p em {
    margin: 0 10px 0 0;
    line-height: 24px;
}

.contact p a {
    color: #005bac;
}

.contact p a:hover {
    text-decoration: underline;
}

.contact img {
    margin: 5px 0;
    border: 1px solid #bac4de;
}

.tab {
    margin: 30px 0;
    text-align: center;
}

.tab a {
    margin: 0 10px;
    font-size: 18px;
    color: #666666;
}

.tab a.on,
.solution .tab a:hover {
    color: #005bac;
}

.solution {
    margin-bottom: 10px;
}

.solution li {
    float: left;
    width: 234px;
    padding: 8px 8px 20px 8px;
    margin: 0 0px 15px 0;
    overflow: hidden;
}

.solution li:hover {
    background: #f6f6f6;
}

.solution li img {
    width: 232px;
    height: 148px;
    border: 1px solid #bac4de;
}

.solution li p {
    width: 100%;
    height: 42px;
    line-height: 21px;
    margin: 10px 0 20px 0;
    color: #666666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.solution li a.ck {
    width: 90px;
    height: 15px;
    padding-right: 15px;
    background: url(/web/images/ck_bg.jpg) no-repeat right center;
    color: #005bac;
}

.solution li a.ck:hover {
    text-decoration: underline;
}

.leave_wrap {
    width: 1180px;
    margin: 0 auto;
}

.leave_msg {
    padding: 40px;
    margin: 10px auto 0 auto;
    background: #ffffff;
    border: 1px solid #dce1e3;
}

.leave_msg h3 {
    width: 100%;
    padding: 0 0 20px 0;
    background: none;
    border-bottom: 1px solid #bcbcbc;
    font-size: 18px;
    color: #222;
}

.leave_msg ul {
    margin: 30px 0 0 50px;
}

.leave_msg ul li {
    float: left;
    width: 100%;
    margin: 10px 0;
    font-size: 15px;
    color: #222;
}

.leave_msg ul li span {
    float: left;
    width: 90px;
    line-height: 40px;
}

.leave_msg ul li em {
    float: left;
    line-height: 40px;
    margin-left: 15px;
    color: #888;
}

.leave_msg ul li em.red {
    color: #F00;
}

.leave_msg ul li font {
    float: left;
    line-height: 40px;
    padding-left: 24px;
    background: url(/web/images/icon_ts.png) no-repeat left center;
    color: #ff5252;
}

.leave_msg ul li input {
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #cbcbcb;
    font-size: 15px;
    color: #222;
}

.leave_msg ul li input.text {
    width: 300px;
}

.leave_msg ul li input.yzm {
    width: 100px;
}

.leave_msg ul li a.yzm img {
    width: 126px;
    height: 40px;
    margin-left: 10px;
    border: 1px solid #cbcbcb;
}

.leave_msg ul li a.button {
    float: left;
    width: 260px;
    height: 54px;
    line-height: 54px;
    display: inline-block;
    background: #1b9be4;
    font-size: 21px;
    color: #fff;
    text-align: center;
}

.leave_msg ul li .right {
    float: left;
}

.leave_msg ul li .right textarea {
    width: 700px;
    height: 200px;
    line-height: 32px;
    padding: 5px 10px;
    border: 1px solid #cbcbcb;
    font-family: "微软雅黑";
    font-size: 15px;
    color: #222;
}

.leave_msg ul li .right p {
    margin: 10px 0;
    color: #666;
}

.leave_msg ul li .right b {
    margin: 0 5px;
    color: #1b9be4;
}

.details .tit {
    width: 100%;
    margin: 36px 0;
    text-align: center;
}

.details .tit h3 {
    line-height: 28px;
    font-size: 28px;
    font-weight: normal;
    color: #333;
}

.details .tit p {
    color: #999;
}

.details p {
    line-height: 24px;
    margin: 15px 0;
    color: #333;
}

.search-list ul {
    margin-bottom: 30px;
    border-top: 1px solid #e6e6e6;
}

.search-list ul li {
    width: 97%;
    padding: 15px 1.5%;
    border-bottom: 1px solid #e6e6e6;
    color: #555555;
    overflow: hidden;
}

.search-list ul li:hover {
    background: #f6f6f6;
}

.search-list ul li a {
    line-height: 32px;
    font-size: 18px;
    font-weight: normal;
    color: #222;
}

.search-list ul li a:hover {
    color: #000;
}

.search-list ul li p {
    width: 100%;
    height: 42px;
    line-height: 21px;
    margin-bottom: 15px;
    color: #666;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.search-list ul li span {
    color: #999999;
}

.search-list ul li b {
    font-weight: normal;
    color: #2b94d9;
}

.message {
    padding: 40px;
    margin: 30px auto 0 auto;
    background: #ffffff;
    border: 1px solid #dce1e3;
}

.message h3 {
    width: 100%;
    padding: 0 0 20px 0;
    background: none;
    border-bottom: 1px solid #bcbcbc;
    font-size: 18px;
    color: #222;
}

.message ul {
    margin: 30px 0 0 50px;
}

.message ul li {
    float: left;
    width: 100%;
    margin: 10px 0;
    font-size: 15px;
    color: #222;
}

.message ul li span {
    float: left;
    width: 90px;
    line-height: 40px;
}

.message ul li em {
    float: left;
    line-height: 40px;
    margin-left: 15px;
    color: #888;
}

.message ul li em.red {
    color: #F00;
}

.message ul li font {
    float: left;
    line-height: 40px;
    padding-left: 24px;
    background: url(/web/images/icon_ts.png) no-repeat left center;
    color: #ff5252;
}

.message ul li input {
    float: left;
    height: 40px;
    line-height: 40px;
    padding: 0 10px;
    border: 1px solid #cbcbcb;
    font-size: 15px;
    color: #222;
}

.message ul li input.text {
    width: 300px;
}

.message ul li input.yzm {
    width: 100px;
}

.message ul li label {
    float: left;
    width: 90px;
    height: 42px;
    margin-left: 20px;
}

.message ul li label input {
    float: left;
    width: 18px;
    height: 18px;
    line-height: 18px;
    padding: 0;
    margin: 11px 5px 0 0;
    border: 1px solid #cbcbcb;
    font-size: 15px;
    color: #222;
}

.message ul li label span {
    float: left;
    width: 60px;
}

.message ul li a.yzm img {
    width: 126px;
    height: 40px;
    margin-left: 10px;
    border: 1px solid #cbcbcb;
}

.message ul li a.button {
    float: left;
    width: 260px;
    height: 54px;
    line-height: 54px;
    display: inline-block;
    background: #2b94d9;
    font-size: 21px;
    color: #fff;
    text-align: center;
}

.message ul li textarea {
    float: left;
    width: 700px;
    height: 200px;
    line-height: 32px;
    padding: 5px 10px;
    border: 1px solid #cbcbcb;
    font-family: "微软雅黑";
    font-size: 15px;
    color: #222;
}

.recruit-details {
    padding: 30px;
    margin: 30px auto 0 auto;
    background: #ffffff;
    border: 1px solid #dce1e3;
    color: #444;
}

.recruit-details h1 {
    margin-bottom: 10px;
    font-size: 21px;
    color: #2b94d9;
}

.recruit-details h2 {
    padding-top: 20px;
    margin-bottom: 10px;
    border-top: 1px solid #e8e8e8;
    font-size: 18px;
    font-weight: normal;
}

.job-info dl {
    width: 100%;
    display: inline-block;
    line-height: 36px;
}

.job-info dl dt {
    float: left;
}

.job-info dl dd {
    float: left;
}

.job-info dl dd.text_dd {
    width: 200px;
}

.job-info dl dd b {
    font-weight: normal;
    color: #ff7300;
}

.job-info dl dd span {
    width: 68px;
    height: 24px;
    line-height: 24px;
    display: inline-block;
    margin: 5px 10px 0 0;
    background: #f5f5f5;
    border: 1px solid #d3d3d3;
    font-size: 12px;
    text-align: center;
}

.job-desc {
    line-height: 28px;
    margin: 20px 0 0 0;
}